<!DOCTYPE html>
<html class=" portrait hb-loaded">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>diy</title>

    <meta content="" name="keywords">
    <meta content="" name="description">


    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="renderer" content="webkit">
    <script>
        coolsite360 = {
            PlayerPlugins: []
        };
        var _gaq = _gaq || [], _paq = _paq || [];
        var weixin_initial = 0, preview_mode = 0, clear_loading_progress_waiting = 0, weixin_config_ready = 0, epub360_domain = 'epub360';
    </script>
    <!--[if lt ie 9]>
    <!--
    <script>
           (function() {
          var testObject = {};
          if (!(Object.setPrototypeOf || testObject.__proto__)) {
              var nativeGetPrototypeOf = Object.getPrototypeOf;

              Object.getPrototypeOf = function(object) {
                  if (object.__proto__) {
                      return object.__proto__;
                  } else {
                      return nativeGetPrototypeOf.call(Object, object);
                  }
              }
          }
        })();
    </script>
    -->
    <script src="./diy_files/es5-shim.js"></script>
    <script src="./diy_files/es5-sham.js"></script>
    <!--<script src="//b.coolsite360.com/es6-shim/0.35.3/es6-shim.js"></script>-->
    <!--<script src="//b.coolsite360.com/es6-shim/0.35.3/es6-sham.js"></script>-->
    <script type="text/javascript" src="./diy_files/object-assign.min.js"></script>
    <script type="text/javascript" src="./diy_files/promise.js"></script>
    <script>
        // Polyfill, modifying the global Object
        window.ObjectAssign.polyfill();
    </script>
    <!--[endif]---->

    <link rel="stylesheet" type="text/css" href="./diy_files/jquery.fancybox.min.css">

    <link rel="stylesheet" type="text/css" href="./diy_files/font-awesome.min.css">

    <link rel="stylesheet" type="text/css" href="./diy_files/animate.css">





    <link type="text/css" href="./diy_files/play.built.7b5ddf9b.cache.css" rel="stylesheet" media="all">


    <script type="text/javascript" src="./diy_files/jquery-1.8.1.min.js"></script>
    <script type="text/javascript" src="./diy_files/bootstrap.min.js"></script>






    <link type="text/css" href="./diy_files/global_main.css" rel="stylesheet">
    <link type="text/css" href="./diy_files/styles.css" rel="stylesheet">



    <style>
        @font-face {
            font-family: 'Caudex';
            font-style: normal;
            font-weight: 400;
            src: local(Caudex), url(//gfonts.coolsite360.com/s/caudex/v6/6CwZGTsjYRXUiSDlabVS2n-_kf6ByYO6CLYdB4HQE-Y.woff2) format("woff2");
            unicode-range: U+1F00-1FFF
        }

        @font-face {
            font-family: 'Caudex';
            font-style: normal;
            font-weight: 400;
            src: local(Caudex), url(//gfonts.coolsite360.com/s/caudex/v6/uKDHrXVo0UKVEKBdFH13fH-_kf6ByYO6CLYdB4HQE-Y.woff2) format("woff2");
            unicode-range: U+0370-03FF
        }

        @font-face {
            font-family: 'Caudex';
            font-style: normal;
            font-weight: 400;
            src: local(Caudex), url(//gfonts.coolsite360.com/s/caudex/v6/M9hv5IlpxEaNftgkD8754H-_kf6ByYO6CLYdB4HQE-Y.woff2) format("woff2");
            unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
        }

        @font-face {
            font-family: 'Caudex';
            font-style: normal;
            font-weight: 400;
            src: local(Caudex), url(//gfonts.coolsite360.com/s/caudex/v6/oK9B5EatFn1pC05ZmnkMduvvDin1pK8aKteLpeZ5c0A.woff2) format("woff2");
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215
        }

        @font-face {
            font-family: 'Oswald';
            font-style: normal;
            font-weight: 700;
            src: local('Oswald Bold'), local(Oswald-Bold), url(//gfonts.coolsite360.com/s/oswald/v13/smkSb2csQFrK-wxLDSe5R4X0hVgzZQUfRDuZrPvH3D8.woff2) format("woff2");
            unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
        }

        @font-face {
            font-family: 'Oswald';
            font-style: normal;
            font-weight: 700;
            src: local('Oswald Bold'), local(Oswald-Bold), url(//gfonts.coolsite360.com/s/oswald/v13/69aXBpgQONjr_rHWADjBuYX0hVgzZQUfRDuZrPvH3D8.woff2) format("woff2");
            unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB
        }

        @font-face {
            font-family: 'Oswald';
            font-style: normal;
            font-weight: 700;
            src: local('Oswald Bold'), local(Oswald-Bold), url(//gfonts.coolsite360.com/s/oswald/v13/dI-qzxlKVQA6TUC5RKSb34X0hVgzZQUfRDuZrPvH3D8.woff2) format("woff2");
            unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
        }

        @font-face {
            font-family: 'Oswald';
            font-style: normal;
            font-weight: 700;
            src: local('Oswald Bold'), local(Oswald-Bold), url(//gfonts.coolsite360.com/s/oswald/v13/bH7276GfdCjMjApa_dkG6ZBw1xU1rKptJj_0jans920.woff2) format("woff2");
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215
        }

        @font-face {
            font-family: 'Playfair Display';
            font-style: normal;
            font-weight: 400;
            src: local('Playfair Display'), local(PlayfairDisplay-Regular), url(//gfonts.coolsite360.com/s/playfairdisplay/v10/2NBgzUtEeyB-Xtpr9bm1CRw5vVFbIG7DatP53f3SWfE.woff2) format("woff2");
            unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
        }

        @font-face {
            font-family: 'Playfair Display';
            font-style: normal;
            font-weight: 400;
            src: local('Playfair Display'), local(PlayfairDisplay-Regular), url(//gfonts.coolsite360.com/s/playfairdisplay/v10/2NBgzUtEeyB-Xtpr9bm1CSVudZg2I_9CBJalMPResNk.woff2) format("woff2");
            unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
        }

        @font-face {
            font-family: 'Playfair Display';
            font-style: normal;
            font-weight: 400;
            src: local('Playfair Display'), local(PlayfairDisplay-Regular), url(//gfonts.coolsite360.com/s/playfairdisplay/v10/2NBgzUtEeyB-Xtpr9bm1CRD8Ne_KjP89kA3_zOrHj8E.woff2) format("woff2");
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215
        }

        @font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 100;
            src: local('Roboto Thin'), local(Roboto-Thin), url(//gfonts.coolsite360.com/s/roboto/v16/ty9dfvLAziwdqQ2dHoyjphkAz4rYn47Zy2rvigWQf6w.woff2) format("woff2");
            unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F
        }

        @font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 100;
            src: local('Roboto Thin'), local(Roboto-Thin), url(//gfonts.coolsite360.com/s/roboto/v16/frNV30OaYdlFRtH2VnZZdhkAz4rYn47Zy2rvigWQf6w.woff2) format("woff2");
            unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
        }

        @font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 100;
            src: local('Roboto Thin'), local(Roboto-Thin), url(//gfonts.coolsite360.com/s/roboto/v16/gwVJDERN2Amz39wrSoZ7FxkAz4rYn47Zy2rvigWQf6w.woff2) format("woff2");
            unicode-range: U+1F00-1FFF
        }

        @font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 100;
            src: local('Roboto Thin'), local(Roboto-Thin), url(//gfonts.coolsite360.com/s/roboto/v16/aZMswpodYeVhtRvuABJWvBkAz4rYn47Zy2rvigWQf6w.woff2) format("woff2");
            unicode-range: U+0370-03FF
        }

        @font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 100;
            src: local('Roboto Thin'), local(Roboto-Thin), url(//gfonts.coolsite360.com/s/roboto/v16/VvXUGKZXbHtX_S_VCTLpGhkAz4rYn47Zy2rvigWQf6w.woff2) format("woff2");
            unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB
        }

        @font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 100;
            src: local('Roboto Thin'), local(Roboto-Thin), url(//gfonts.coolsite360.com/s/roboto/v16/e7MeVAyvogMqFwwl61PKhBkAz4rYn47Zy2rvigWQf6w.woff2) format("woff2");
            unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
        }

        @font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 100;
            src: local('Roboto Thin'), local(Roboto-Thin), url(//gfonts.coolsite360.com/s/roboto/v16/2tsd397wLxj96qwHyNIkxHYhjbSpvc47ee6xR_80Hnw.woff2) format("woff2");
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215
        }

        @font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 300;
            src: local('Roboto Light'), local(Roboto-Light), url(//gfonts.coolsite360.com/s/roboto/v16/0eC6fl06luXEYWpBSJvXCIX0hVgzZQUfRDuZrPvH3D8.woff2) format("woff2");
            unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F
        }

        @font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 300;
            src: local('Roboto Light'), local(Roboto-Light), url(//gfonts.coolsite360.com/s/roboto/v16/Fl4y0QdOxyyTHEGMXX8kcYX0hVgzZQUfRDuZrPvH3D8.woff2) format("woff2");
            unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
        }

        @font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 300;
            src: local('Roboto Light'), local(Roboto-Light), url(//gfonts.coolsite360.com/s/roboto/v16/-L14Jk06m6pUHB-5mXQQnYX0hVgzZQUfRDuZrPvH3D8.woff2) format("woff2");
            unicode-range: U+1F00-1FFF
        }

        @font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 300;
            src: local('Roboto Light'), local(Roboto-Light), url(//gfonts.coolsite360.com/s/roboto/v16/I3S1wsgSg9YCurV6PUkTOYX0hVgzZQUfRDuZrPvH3D8.woff2) format("woff2");
            unicode-range: U+0370-03FF
        }

        @font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 300;
            src: local('Roboto Light'), local(Roboto-Light), url(//gfonts.coolsite360.com/s/roboto/v16/NYDWBdD4gIq26G5XYbHsFIX0hVgzZQUfRDuZrPvH3D8.woff2) format("woff2");
            unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB
        }

        @font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 300;
            src: local('Roboto Light'), local(Roboto-Light), url(//gfonts.coolsite360.com/s/roboto/v16/Pru33qjShpZSmG3z6VYwnYX0hVgzZQUfRDuZrPvH3D8.woff2) format("woff2");
            unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
        }

        @font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 300;
            src: local('Roboto Light'), local(Roboto-Light), url(//gfonts.coolsite360.com/s/roboto/v16/Hgo13k-tfSpn0qi1SFdUfZBw1xU1rKptJj_0jans920.woff2) format("woff2");
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215
        }

        @font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 900;
            src: local('Roboto Black'), local(Roboto-Black), url(//gfonts.coolsite360.com/s/roboto/v16/s7gftie1JANC-QmDJvMWZoX0hVgzZQUfRDuZrPvH3D8.woff2) format("woff2");
            unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F
        }

        @font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 900;
            src: local('Roboto Black'), local(Roboto-Black), url(//gfonts.coolsite360.com/s/roboto/v16/3Y_xCyt7TNunMGg0Et2pnoX0hVgzZQUfRDuZrPvH3D8.woff2) format("woff2");
            unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
        }

        @font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 900;
            src: local('Roboto Black'), local(Roboto-Black), url(//gfonts.coolsite360.com/s/roboto/v16/WeQRRE07FDkIrr29oHQgHIX0hVgzZQUfRDuZrPvH3D8.woff2) format("woff2");
            unicode-range: U+1F00-1FFF
        }

        @font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 900;
            src: local('Roboto Black'), local(Roboto-Black), url(//gfonts.coolsite360.com/s/roboto/v16/jyIYROCkJM3gZ4KV00YXOIX0hVgzZQUfRDuZrPvH3D8.woff2) format("woff2");
            unicode-range: U+0370-03FF
        }

        @font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 900;
            src: local('Roboto Black'), local(Roboto-Black), url(//gfonts.coolsite360.com/s/roboto/v16/phsu-QZXz1JBv0PbFoPmEIX0hVgzZQUfRDuZrPvH3D8.woff2) format("woff2");
            unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB
        }

        @font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 900;
            src: local('Roboto Black'), local(Roboto-Black), url(//gfonts.coolsite360.com/s/roboto/v16/9_7S_tWeGDh5Pq3u05RVkoX0hVgzZQUfRDuZrPvH3D8.woff2) format("woff2");
            unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
        }

        @font-face {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 900;
            src: local('Roboto Black'), local(Roboto-Black), url(//gfonts.coolsite360.com/s/roboto/v16/mnpfi9pxYH-Go5UiibESIpBw1xU1rKptJj_0jans920.woff2) format("woff2");
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215
        }
    </style>


    <!--[if lt ie 9]>
    <link type="text/css" href="/sites/e0zyus_draft/styles_forie.css" rel="stylesheet">
    <script type="text/javascript" src="//o3bnyc.creatby.com/play-coolsite360/thirdparty_js/html5shiv.js"></script>
    <script type="text/javascript" src="//o3bnyc.creatby.com/play-coolsite360/thirdparty_js/selectivizr-min.js"></script>
    <script type="text/javascript" src="//o3bnyc.creatby.com/diazo/c_play/thirdparty_js/respond.src.js"></script>
    <link href="//o3bnyc.creatby.com/diazo/c_play/thirdparty_js/respond-proxy.html" id="respond-proxy" rel="respond-proxy" />
    <link href="/staticfs/diazo/c_play/thirdparty_js/respond.proxy.gif" id="respond-redirect" rel="respond-redirect" />
    <script src="/staticfs/diazo/c_play/thirdparty_js/respond.proxy.js"></script>
    <![endif]-->
</head>

<body class="body_K7VS9T" data-c_tl_id="M_c622d5619cc8581d" huaban_collector_injected="true">
    <div class="container-fluid clearfix c-section section_IsJ8oG c-scrollIn" data-c_tl_id="M_7e0a15561c5999d9" id="section_c0c6a09b">
        <h1 class="c-heading heading_isU9rt">多多客新微站</h1>
        <div class="textblock_brFIkc">
            <p>完全可视化拖拽&nbsp; 30s极速生成个性化小程序</p>
        </div>
        <div class="c-div div_cgtCPu"><a class="btn c-button button_jkmiF2" href="http://www.doodooke.com/app/apps" target="_blank"
                type="button">免费体验</a></div>
        <div class="c-div div_EY3Czi"></div>
    </div>
    <div class="container-fluid c-section section_vhHsIO c-scrollIn" data-c_tl_id="M_216404cfb26298d6" id="section_53553ecb">
        <div class="c-div div_YXW1lO">
            <ul class="c-list list_opJP5E">
                <li class="c-listitem listitem_spixa7" data-c_cssani="zoomIn|1|0|0" style="animation-delay: 0s; animation-duration: 0s;">
                    <h1 class="c-heading heading_m3V4CS">
                        <div>丰富组件</div>
                    </h1>
                </li>
                <li class="c-listitem listitem_spixa7 body_K7VS9T" data-c_cssani="zoomIn|1|0|0" style="animation-delay: 0s; animation-duration: 0s;">
                    <h1 class="c-heading heading_m3V4CS">表单收集</h1>
                </li>
                <li class="c-listitem listitem_spixa7 body_K7VS2" data-c_cssani="zoomIn|1|0|0" style="animation-delay: 0s; animation-duration: 0s;">
                    <h1 class="c-heading heading_m3V4CS">系统模板</h1>
                </li>
                <li class="c-listitem listitem_spixa7 body_K7VS9T1" data-c_cssani="zoomIn|1|0|0" style="animation-delay: 0s; animation-duration: 0s;">
                    <h1 class="c-heading heading_m3V4CS">营销工具</h1>
                </li>
            </ul>
        </div>
    </div>
    <div class="container-fluid c-section section_sYy7rm" data-c_tl_id="M_45af55b137888c9f" id="section_4855c60a">
        <h1 class="c-heading heading_0HPLsj">可视化DIY&nbsp; 随心设计</h1>
        <div class="textblock_gGFAnj">
            <p>丰富组件库，样式、大小、颜色自由更改；可视化自由拖拽，满足任何个性化需求</p>
        </div>
    </div>
    <div class="container-fluid c-section section_wkSKj0" id="section_24805a56">
        <h1 class="c-heading heading_HmiyvU">自定义表单，收集客户数据</h1>
        <div class="textblock_eWoT9y">
            <p>单文本、选项、选择器等任意组合，自定义表单，收集您要的任何客户数据</p>
        </div>
    </div>
    <div class="container-fluid c-section section_9wnMPw" id="section_bd385e2b">
        <h1 class="c-heading heading_p8cJZT">海量行业模板&nbsp; 多样化选择</h1>
        <div class="textblock_AdN3al">
            <p>各行业优质模板不断更新，任意选择搭配使用，30s 生成企业精美微站</p>
        </div><img class="c-image image_jcZ8EH c-initHide" data-c_cssani="zoomIn|1|0|0" src="./diy_files/d481367103ffd93ef85cca79dc85be3c_origin.png"></div>
    <div class="container-fluid c-section section_p6sPz6" data-c_tl_id="M_5004ae672cae9ad4" id="section_6c8cd769">
        <h1 class="c-heading heading_ufwmUL">N+营销工具&nbsp; 提升留存率</h1>
        <div class="textblock_HwCWd5">
            <p>集赞、WIFI一键连、消息推送等多种营销玩法，轻松助力企业推广、提升留存</p>
        </div>
        <div class="row c-row row_sIGqYX">
            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 c-column column_0mZNVa"></div>
            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 c-column column_XjjTN2"></div>
            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 c-column column_S7djec"></div>
        </div>
        <div class="row c-row row_CVAZ5l">
            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 c-column column_LjJS7r"></div>
            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 c-column column_QmNRCE"></div>
            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 c-column column_K1vrDH"></div>
        </div>
    </div>
    <div class="container-fluid c-section section_5jcANG" id="section_7e0693b8">
        <h1 class="c-heading heading_eTQSkg">简单3步 快速搭建小程序</h1>
        <div class="row c-row row_xJbVBX">
            <div class="col-lg-2_4 col-md-2_4 col-sm-2_4 col-xs-12 c-column column_zirugi">
                <h1 class="c-heading heading_HkzC3A">扫码授权</h1>
            </div>
            <div class="col-lg-2_4 col-md-2_4 col-sm-2_4 col-xs-12 c-column column_kOQAPr"></div>
            <div class="col-lg-2_4 col-md-2_4 col-sm-2_4 col-xs-12 c-column column_T5cI3G">
                <h1 class="c-heading heading_ENUL0e">自定义搭建</h1>
            </div>
            <div class="col-lg-2_4 col-md-2_4 col-sm-2_4 col-xs-12 c-column column_DWqi23"></div>
            <div class="col-lg-2_4 col-md-2_4 col-sm-2_4 col-xs-12 c-column column_4RSwvv">
                <h1 class="c-heading heading_s428iD">保存发布</h1>
            </div>
        </div><a class="btn c-button button_JfKAs0" href="http://www.doodooke.com/app/apps" target="_blank" type="button">立即注册</a></div>
    <div class="container-fluid c-section section_hvLRCB bg" data-c_tl_id="M_c94aa7249fe66db4" id="section_3c3aab94">
        <h1 class="c-heading heading_jzshjO">适用行业</h1>
        <ul class="c-list list_jZzFKe">
            <li class="c-listitem listitem_zb8Uha"></li>
            <li class="c-listitem listitem_zb8Uha body_1"></li>
            <li class="c-listitem listitem_zb8Uha body_2"></li>
            <li class="c-listitem listitem_zb8Uha body_3"></li>
            <li class="c-listitem listitem_zb8Uha body_4"></li>
            <li class="c-listitem listitem_zb8Uha body_5"></li>
            <li class="c-listitem listitem_zb8Uha body_6"></li>
            <li class="c-listitem listitem_zb8Uha body_7"></li>
            <li class="c-listitem listitem_zb8Uha body_8"></li>
            <li class="c-listitem listitem_zb8Uha body_9"></li>
            <li class="c-listitem listitem_zb8Uha body_10"></li>
            <li class="c-listitem listitem_zb8Uha body_11"></li>
            <li class="c-listitem listitem_zb8Uha body_12"></li>
            <li class="c-listitem listitem_zb8Uha body_13"></li>
            <li class="c-listitem listitem_zb8Uha body_14"></li>
            <li class="c-listitem listitem_zb8Uha body_15"></li>
            <li class="c-listitem listitem_zb8Uha body_16"></li>
            <li class="c-listitem listitem_zb8Uha body_17"></li>
            <li class="c-listitem listitem_zb8Uha body_18"></li>
            <li class="c-listitem listitem_zb8Uha body_19"></li>
            <li class="c-listitem listitem_zb8Uha body_20"></li>
            <li class="c-listitem listitem_zb8Uha body_21"></li>
            <li class="c-listitem listitem_zb8Uha body_22"></li>
            <li class="c-listitem listitem_zb8Uha body_23"></li>
            <li class="c-listitem listitem_zb8Uha body_24"></li>
            <li class="c-listitem listitem_zb8Uha body_26"></li>
            <li class="c-listitem listitem_zb8Uha body_27"></li>
        </ul>
    </div>

    <script src="./diy_files/youziku.justtime.js"></script>
    <script type="text/javascript" src="./diy_files/stats" charset="UTF-8"></script>

    <script type="text/javascript" src="./diy_files/index_data.js"></script>
    <script>var page_slug = 'index'; </script>



    <!---                          weixin initial                   -->
    <script src="./diy_files/jweixin-1.1.0.js"></script>





    <script type="text/javascript" src="./diy_files/lunr.min.js"></script>

    <script type="text/javascript" src="./diy_files/jquery.fancybox.min.js"></script>

    <script type="text/javascript" src="./diy_files/headroom.min.js"></script>

    <script type="text/javascript" src="./diy_files/jQuery.headroom.min.js"></script>

    <script type="text/javascript" src="./diy_files/jarallax.min.js"></script>

    <script type="text/javascript" src="./diy_files/TweenMax.min.js"></script>

    <script type="text/javascript" src="./diy_files/DrawSVGPlugin.min.js"></script>

    <script type="text/javascript" src="./diy_files/MorphSVGPlugin.min.js"></script>

    <script type="text/javascript" src="./diy_files/vue-bundle.min.js"></script>









    <!--<script type="text/javascript" src="//o3bnyc.creatby.com/diazo/c-built/requireJS/require.js"></script>-->
    <!--<script>-->
    <!--define('jquery',function(){});-->
    <!--</script>-->
    <!--<script>-->
    <!--define('bootstrap',function(){});-->
    <!--</script>-->
    <script type="text/javascript" src="./diy_files/vendor_c.bundle.built.47020bb2.cache.js"></script>
    <script type="text/javascript" src="./diy_files/pack.built.a67ad1e2.cache.js"></script>
    <script type="text/javascript" src="./diy_files/cst.built.426f7fd1.cache.js"></script>



    <!-- ie8 以下版本提示信息 -->
    <!--[if lt ie 8]>
  <script type="text/javascript">
    window.onload=function(){
      document.getElementById('browser-tip').style.display = "block";
      document.getElementsByTagName('body')[0].style.paddingTop = "50px";
    }
    function hide(){
      document.getElementById('browser-tip').style.display = "none";
      document.getElementsByTagName('body')[0].style.paddingTop = "0px";
    }
  </script>
<![endif]-->
    <div id="browser-tip" style="position:fixed; top:0; left:0; right:0; z-index:9999; height:30px; line-height:33px; padding:10px 0 9px; text-indent:30px; font-size:15px; background:#fcf8e3; border-bottom:1px solid #fbeed5; width:100%;display:none;">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="display:block; float:right; z-index:9999; line-height:36px; margin-right: 0px;padding:0; font-size:32px; color:#666; box-shadow: 0; text-shadow:none; text-align:center; filter:alpha(opacity=100); -khtml-opacity:1; opacity:1;"
            onclick="hide()">×</button>
        <p style="text-align: center;">
            您当前使用的浏览器版本较低，为使您获得更好的操作体验，我们推荐您使用：
            <span style="margin-left:10px;">
                <a href="http://windows.microsoft.com/zh-cn/internet-explorer/download-ie" target="_blank">
                    <img src="./diy_files/compatible_ie.gif" width="31" height="30" alt="Internet Explorer" title="Internet Explorer"></a>
                <a href="http://www.google.com/intl/zh-CN/chrome/" target="_blank">
                    <img src="./diy_files/compatible_chrome.gif" width="31" height="30" alt="Google Chrome" title="Google Chrome"></a>
                <a href="http://www.mozilla.org/zh-CN/firefox/new/" target="_blank">
                    <img src="./diy_files/compatible_firefox.gif" width="31" height="30" alt="Firefox" title="Firefox"></a>
                <a href="http://support.apple.com/zh_CN/downloads/#safari" target="_blank">
                    <img src="./diy_files/compatible_safari.gif" width="28" height="30" alt="Safari" title="Safari"></a>
            </span>
        </p>
    </div>

    <script type="text/javascript" src="./diy_files/weixin.js"></script>
    </div>
</body>

<script type="text/javascript">
    console.log(document.body.scrollHeight);
</script>

</html>